<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复合选择器</title>
    <style>
        /* .red{
            color: red;
        } */
        div.red{
            color: red;
        }
        .a.b.c{
            color:blue;
        }
        h1,span{
            color:green;
        }
    </style>
</head>
<body>
    <div class="red">
        我是div
    </div> 
    <p class="red">
        我是p元素
    </p>
    <p class="a">我是a</p>   
    <p class="b">我是b</p>   
    <p class="a b c">我是a,b,c</p>   
    <h1>标题</h1>
    <span>我是内容</span>
</body>
</html>